<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有声相册</title>
</head>

<body>
<!-- 头部 -->
    <div><h1>陈锦漪的有声相册</h1>
        <a href="#美女"><span>美女</span></a>
    <a href="#型男"><span>型男</span></a>
        <a href="#科学家"><span>科学家</span></a>
        <a href="#企业家"><span>企业家</span></a>
        <a href="https://gitee.com/luren98/web-learning.git" target="_blank"><span>码云仓库</span></a>
        <hr></div>
    <!-- 主体 -->
    <div>
<div>
    <h2 id="美女">美女</h2>
 <a href="美女详情页.html" target="_blank"><img src="有声相册素材\美女01.jpeg" alt="图片无法显示" height="270px" ></a>
<a href="美女详情页.html" target="_blank"><img src="有声相册素材\美女02.jpg" alt="图片无法显示" height="270px"></a>
<a href="美女详情页.html" target="_blank"><img src="有声相册素材\美女03.jpg" alt="图片无法显示"height="270px"></a>
<a href="美女详情页.html" target="_blank"><img src="有声相册素材\美女04.jpg" alt="图片无法显示" height="270px"></a>
</div>
<div>
    <h2 id="型男">型男</h2>
    <a href="型男详情页.html"target="_blank"><img src="有声相册素材\型男01.jpg" alt="图片无法显示" height="270px" width="300"></a>
    <a href="型男详情页.html" target="_blank"><img src="有声相册素材\型男03.jpg" alt="图片无法显示" height="270px"></a>
    <a href="型男详情页.html" target="_blank"><img src="有声相册素材\型男02.jpg" alt="图片无法显示" height="270px"></a>
    <a href="型男详情页.html" target="_blank"><img src="有声相册素材\型男04.jpg" alt="图片无法显示" height="270px"></a>
</div>
<div>
    <h2 id="科学家">科学家</h2>
    <a href="科学家详情页.html" target="_blank"><img src="有声相册素材\科学家01.jpg" alt="图片无法显示" height="270px"></a>
     <a href="科学家详情页.html" target="_blank"><img src="有声相册素材\科学家03.jpg" alt="图片无法显示" height="270px" ></a>
        <a href="科学家详情页.html" target="_blank"><img src="有声相册素材\科学家04.jpg" alt="图片无法显示" height="270px" ></a>
        <a href="科学家详情页.html" target="_blank"><img src="有声相册素材\科学家02.jpg" alt="图片无法显示" height="270px"></a>
</div>
<div>
    <h2 id="企业家">企业家</h2>
    <a href="企业家详情页.html" target="_blank"><img src="有声相册素材\企业家01.jpg" alt="图片无法显示" height="270px"></a>
    <a href="企业家详情页.html" target="_blank"><img src="有声相册素材\企业家02.jpg" alt="图片无法显示" height="270px"></a>
  
</div>
    </div>
    <!-- 尾部 -->
    <div>
        <p>&copy;版权所有，顺职院，陈锦漪</p>
    </div>
</body>
</html>